<template>
	<div class="app">
		<div class="topnar" @click='pushmain1'></div>
		<div class="body">
			<div class="toolbar"></div>
			<router-view class='sub'></router-view>
		</div>
	</div>
</template>

<script>
	export default {
		methods:{
			pushmain1:function () {
				this.$router.push({name:'main01'});
			}
		}
	}
</script>

<style scoped>
	.app {
		width:100%;
		height: 100%;
		background-color: #f5f5f5;
		display: flex;
		flex-direction: column;
	}
	.topnar {
		height: 130px;
		background-color: #ccccff;
	}
	.body{
		display: flex;
		flex:1;
	}
	.toolbar{
		width: 130px;
		background-color: #449d44;
	}

	.sub{
		flex:1;
	}
</style>